<template>
	<div>
		<el-tabs v-model="activeName"  @tab-click="handleClick">
		   <el-tab-pane label="员工列表" name="first">
				<StaffList></StaffList>		
			</el-tab-pane>
		   <el-tab-pane label="提成配置" name="second">
			   <StaffCommission></StaffCommission>
		   </el-tab-pane>
		   <el-tab-pane label="提成记录" name="o">
		   	   <StaffCommissionRecord></StaffCommissionRecord>
		   </el-tab-pane>
		 </el-tabs>  
	</div>
</template>

<script>
	//员工列表
	import StaffList from './tstorestaff.vue'
	//员工提成配置
	import StaffCommission from './tstorestaffcommissiontype.vue'
	//员工提成记录
	import StaffCommissionRecord from './tstorestaffcommissionrecord.vue'
	export default{
		components:{
			StaffList,
			StaffCommission,
			StaffCommissionRecord
		},
		data(){
			return{
				activeName:'first'
			}
		}
	}
</script>

<style>
</style>
